<template>
<!--  <view class="hand-map">-->
<!--    <img src="http://qiniu.yangpihu.net/example/shouhuitu.jpg">-->
<!--  </view>-->
  <div id="container"></div>
</template>
<script>
import Vue from "vue";
export default Vue.extend({
mounted() {
  this.$nextTick(() => {
    var imageLayer = new AMap.ImageLayer({
      url: 'http://qiniu.yangpihu.net/example/shouhuitu.jpg',
      bounds: new AMap.Bounds(
          // [119.895168, 30.099757],
          // [119.921280, 30.082162]
          [119.892968, 30.099757],
          [119.933280, 30.082162]
      ),
      zooms: [8, 25]
    });
    var map = new AMap.Map('container', {
      showLabel: false, //不显示地图文字标记
      resizeEnable: true,
      expandZoomRange:true,
      center: [119.915249, 30.041524],
      zoom: 14,
      zooms:[8, 25],
      layers: [
        new AMap.TileLayer({
          visible:false,
        }),
        imageLayer
      ]
    });
  })
}
})
</script>
<style lang="scss" scoped>
html,
body,
#container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 800px;
}
</style>